<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Soot Seekers</title>

<link rel="stylesheet" type="text/css" href="soot_style3.css" />
<script type="text/javascript" src="scripts/jquery-1.5.min.js"></script>
<script type="text/javascript" src="soot.js"></script>


<script>



</script>

</head>

<body>

	<div id="bkgd">
    
    	<div id="bkgd_text">
        
        </div>     
            
    </div>
	
    <!--START OF WRAPPER-->

	<div id="wrapper">
    
    	<!--START OF HEADER-->
        
   		<div id="header">
        
        	<img id="soot2" alt="soot" src="images/black_soot_small2.jpg" />
        
			<img alt="logo" id="logo" src="images/logo2.png" />
            
            <div id="tag" class="bebas">
            
            	CHIMNEY SERVICE, INC.
            
            </div>
            
            <!--START OF NAV-->
        
        	<div id="nav" class="bebas">
            
                <ul>
                
                    <li class="border">Services</li>
                    <li class="border">Products</li>
                    <li class="border">Portfolio</li>
                    <li class="border">Links</li>
                    <li class="border">FAQ</li>
                    <li>Contact Us</li>
                
                </ul>
            
            </div>
            
            <!--END OF NAV-->
            
            <img id="soot" alt="soot" src="images/black_soot_small.jpg" />
            
            <!--START OF CONTACT-->
            
            <div id="contact" class="bebas">
            
            	<img id="phone" alt="phone" src="images/phone.png" />
            
                <div id="con_head">
                
                  Alleghany Co.<br /> 
                  Beaver Co. 
    
                </div>  
                
                <div id="con_num">
                  
                  412. 279.2074<br />
                  724.847.1915
                  
                </div>  
          
            </div> 
              
            <!--END OF CONTACT-->
             
            <!--START OF TOP TRANS--> 
            
            <!--<div id="trans1">
            
            	<img src="images/dot_top.png"  />
            
            </div>-->
            
            <div class="clear"></div>
            
            <!--END OF TOP TRANS-->
            
        </div>
        
        <!--END OF HEADER-->
        
        <!--START OF CERT-->
                        
        <div id="cert">
            
            <img alt="National Chimney Sweep member" src="images/guild_color_small.png"  />
                    
            <img id="ccs" alt="Certified Chimney Sweep" src="images/ceritified_small.jpg" />
                    
        </div>      
        
        <!--END OF CERT-->
          
        <!--START OF MAIN CONTENT-->
                
        <div id="main_cont">
        
        	<!--START OF PIC-->
        
            <div id="pic_wrapper">
            
            	<div id="cover">
                
                	<div id="arrow"></div>
                    
                    <div id="arrow2"></div>
                    
                    <div id="back">    
                                    
                		<img id="greyBack" src="images/pic_cover.png" />
                    
                    </div>
                    
                    <div id="script" class="geosans">
                    
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor eleifend felis sit amet sagittis.</p>
                        
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor eleifend felis sit amet sagittis.</p>
                        
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor eleifend felis sit amet sagittis.</p>
                    	
                    </div>
                    
                </div> 
                
                <div id="controls">
                
                	<img id="left" alt="left" src="images/left.png" />
                    
                    <img id="right" alt="right" src="images/right.png" />
                    
                    <img id="play" alt="play" src="images/play.png" />
                        
                    <img id="pause" alt="pause" src="images/pause.png" />
                    
                </div>
                
                <div id="pic">
                
                	<img src="images/fireplace.jpg" />
            	
                </div>
            
            </div>
            
            <!--END OF PIC-->
            
            <!--START OF TRANS-->
            
            <div id="trans1">
            
            	<img src="images/trans_bot.png" />
            
            </div>
            
            <div class="clear"></div>
            
            <!--END OF TRANS-->
            
            <div id="bot_con">
            
                <!--START OF SIDE1-->
            
                <div id="side1">
                
                    <img id="jscho" alt="John Schofield pic" src="images/js_horiz.jpg" />
                    
                    <!--<p>John Schofield</p>-->
                    
                    <!--START OF BIO-->
                    
                    <div id="bio" class="geosans">
                    
                        <div>
                        
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor eleifend felis sit amet sagittis. Mauris vel vulputate urna. Proin mattis egestas rutrum.</p>
                        
                        </div>
                
                    </div>
                    
                    <!--END OF BIO-->
                
                </div>
            
            <!--END OF SIDE1-->
            
            <!--START OF SIDE2-->
            
                <div id="side2">
                
                    <!--<img alt="Who we are..." src="images/who.png" />-->
                    
                    <div class="clear"></div>
                    
                    <!--START OF TEST-->
                        
                    <div id="test" class="geosans">
                    
                        <div>
                        
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor eleifend felis sit amet sagittis. Mauris vel vulputate urna. Proin mattis egestas rutrum.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor eleifend felis sit amet sagittis. Mauris vel vulputate urna. Proin mattis egestas rutrum.</p>
                        
                        </div>
                
                    </div>
                    
                    <!--END OF TEST-->
                    
                </div>
            
            <!--END OF SIDE2-->
        
        </div>
        
        <!--END OF BOTTOM CONTENT-->
        
        <img id="soot3" alt="soot" src="images/black_soot_small3.jpg" />
        
        <img alt="logo small" id="logo_small" src="images/logo_low.png" />
        
        </div>
        
        <!--END OF MAIN CONTENT-->
        
        <div class="clear"></div> 
        
        <!--START OF FOOTER-->
        
        <div id="footer">
        
        	<!--START OF TRANS-->
            
            <div id="trans2">
            
            	<img src="images/trans_top.png" />
            
            </div>
            
            <div class="clear"></div>
            
            <!--END OF TRANS-->
        
        	<!--START OF FOOTER NAV-->
        
        	<div id="nav_foot" class="bebas">
            
                <ul>
                
                    <li class="border2">Services</li>
                    <li class="border2">Products</li>
                    <li class="border2">Portfolio</li>
                    <li class="border2">Links</li>
                    <li class="border2">FAQ</li>
                    <li>Contact Us</li>
                
                </ul>
            
            </div>
            
            <!--END OF FOOTER NAV-->
        
        </div> 
        
        <!--END OF FOOTER-->
    
    </div>
    
    <!--END OF WRAPPER-->
    
</body>
</html>
